﻿<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>充值续费</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- #include file="mlink.html" -->
		<style type="text/css">
         .overseas_show{display: none;}
		</style>
	</head>
	<body>
		<div class="mui-content">

		  <div class="feeBox">
		   	<!--banner-->
		    <!-- <img alt="雷神加速器" src="0/images/images/weixinfee0331.png" width="100%" class="china_show"/> -->
		    <a href="https://user.leigod.com/shuang12.html"><img alt="雷神加速器" src="0/images/images/weixinfee1209.jpg" width="100%" class="china_show"/></a>
		    <img alt="雷神加速器" src="0/images/images/overseasbanner0607.png" width="100%" class="overseas_show"/>
		    <!--会员类型-->
		    <script type="text/javascript">
		    	var curtypeid;
		    	curtypeid="0{homepage_groupid}";
		    	curtypetitle="{homepage_groupname}";
		    </script>
		    <div class="vip_typeBox">
		      <div class="fee_tit">会员类型</div> 
		      <ul class="vip_type" id="group-logined">
		      	<li class="cur china_show"  id="60042" >
		      		<i class="ls icon-a536"></i>
		      		<h4>超级会员</h4>
		      		<h5>主播/俱乐部首选</h5>
		      		<span class="ls icon-xuanzhong"></span>
		      	</li>
		      	<li id="61684" class="cur overseas_show">
		      		<i class="ls icon-haiwai"></i>
		      		<h4>海外会员</h4>
		      		<h5>海外用户首选</h5>
		      		<span class="ls icon-xuanzhong"></span>
		      	</li>
		      </ul>
		    </div>
		   </div>
		   
		   <!--续费时长-->

		   	<div class="vip_timeBox" id="taocanlogined" style="display:{ShowUserInfo}">
		      <div class="fee_tit">时间时长套餐</div> 
		      <ul class="vip_time">
		      	 <!-- begin catbuy -->
		      	<li id="{catid}" >
		      		<h4><span class="vip_data">{catname}</span><small>小时</small></h4>
		      		<h5 class="vip_price">{catrateprice}元 <span style="color: #F0AD4E;"> {catpricememo}</span></h5>
		      		<span class="ls icon-xuanzhong"></span>
		      	</li>
		      	<!-- end catbuy -->
		      </ul>
		    </div>
		    
	        
	         <!--温馨提示-->
		   	<div class="vip_timeBox">
		      <div class="fee_tit">温馨提示</div> 
		      <ul class="vip_mind">
		      	<li>
		      		<span class="fee_dot"></span>
		      		<p>雷神加速器账号与手机加速端通用，但不可同时登录使用；</p>
		      	</li>
		      	<li>
		      		<span class="fee_dot"></span>
		      		<p>用户可根据自己游戏时间安排在电脑客户端上, 或关注“雷神加速器”微信公众号对加速器进行时间暂停和恢复</p>
		      	</li>
		      	<li>
		      		<span class="fee_dot"></span>
		      		<p>因地区、宽带运营商、用户本地网络波动等因素，雷神无法保证每个人延迟一样，请测试后再购买，因此雷神不支持退款</p>
		      	</li>
		      </ul>
		    </div>
		    
		    <!--支付金额-->
		    <div class="fee_fixed">
		     <!--会员服务条款-->
			 <div class="fee_serve">
	            	<div class="mui-input-row mui-checkbox mui-left mui-pull-left" >
						<label>同意《会员服务条款》</label>
						<input name="checkbox" value="" type="checkbox" class="agree">
					</div>
	                <a class="mui-pull-right fee_look" href="mhuiyuanfuwu.html">
	                 <span>查看</span>
	                 <i class="ls icon-youjiantou"></i>                  
	                </a>
	         </div>
	          <!--支付金额-->
	         <div class="payBox">
		    	<div class="payinfo"><small>支付金额：</small>￥<span>228</span></div>
		    	<a class="gotoPay" style="background: #c9c9c9;" >去支付</a>
		     </div>
		    </div>
			
		</div>
		 <!--返回-->
		    <!--<a href="mmy_center.html" class="back_mycenter" id="touch" style="width: 76px;height: 78px;"></a>-->
		  
		<script type="text/javascript">
			mui.init()
			if (Isoverseas({homepage_groupid})) {
				// $(".vip_type li").eq(1).addClass("cur").siblings().removeClass("cur");
				$(".overseas_show").show()
				$(".china_show").hide()
			}else{
				$(".overseas_show").hide()
				$(".china_show").show()
			}
			var selpaymode="weixincommon",
			    groupid="{homepage_groupid}",
			    catid,
			    ajaxurl,
			    openid="{homepage_openid}",
			    userid="{homepage_ID}",
			    appId,
			    timeStamp,
			    nonceStr,
			    pg,
			    signType,
			    paySign;
			    
			jQuery(function(){
				jQuery(".vip_time li").on("tap",function(){
					jQuery(this).addClass("cur").siblings().removeClass("cur")
					//续费时长点击  金额变化
					var price=parseInt($(this).find(".vip_price").text());
					jQuery(".payinfo").find('span').html(price);
				})
				jQuery("#taocanlogined .vip_time li").on("tap",function(){
					var id=$(this).attr("id");
		            catid=id;
//		            $(".keyong").attr('href', 'default.aspx?op=docatbuy&catid=' + catid + '&pay=' + selpaymode)
				})
				
				//同意会员服务条款
				var m="{ShowLogin}".toString();//判断是否登录
				$(".agree").click(function(){
			        if (m=="none") {
			            console.log("denglule")
				        if($(".agree").is(':checked')){
							$(".gotoPay").css("backgroundColor","#fc993f");
							$(".gotoPay").addClass('keyong');
//							$(".gotoPay").attr('href', 'default.aspx?op=docatbuy&catid=' + catid + '&pay=' + selpaymode)
						}else{
							$(".gotoPay").css("backgroundColor","#c9c9c9")
							$(".gotoPay").removeAttr('href')
							$(".gotoPay").removeClass('keyong');
						}
			        }
				})
				
					//去支付
				jQuery(".payBox").on("click",".keyong",function(){
					var m="{ShowLogin}".toString();
			        if (m=="none") {
			              	jQuery.ajax({
				         		type:"post",
				         		url:"default.aspx?op=readcreateorder&groupid="+groupid+"&userid="+userid+"&catid="+catid+"&pay="+selpaymode+"&openid="+openid,
				         		dataType:"xml",
				         		async:false,
				         		success:function(data){
				         			var arr=[];
							        $(data).find("item").each(function(){
							          var value=$(this).children("value").text();
							           arr.push(value)
							        })
				         			appId=arr[3];
				         			nonceStr=arr[4];
				         			timeStamp=arr[5];
				         			pg=arr[6];
				         			signType=arr[7];
				         			paySign=arr[8];
//				         			alert(arr)
//				         			alert("appId是"+appId)
//				         			alert("nonceStr是"+nonceStr)
//				         			alert("timeStamp是"+timeStamp)
//				         			alert("pg是"+pg)
//				         			alert("signType是"+signType)
//				         			alert("paySign是"+paySign)
//				         			alert("openid是"+openid)
                                    pay()
				         		},
				         		error:function(){
				         			console.log('error')
				         		}
				         	});
			            
			            
			        }else{
			        	mui.alert('请先登录','雷神加速器',function(){
			        		 location.href='loginweixin.htmll';
			        	})
			        }
				})
		
			  
			  //判断同意会员服务条款是否登录和是否是选中状态
		      if (m=="none") {
		            console.log("denglule")
			        if($(".agree").is(':checked')){
						$(".gotoPay").css("backgroundColor","#fc993f");
						$(".gotoPay").addClass('keyong');
//						$(".gotoPay").attr('href', 'default.aspx?op=docatbuy&catid=' + catid + '&pay=' + selpaymode)
					}else{
						$(".gotoPay").css("backgroundColor","#c9c9c9")
						$(".gotoPay").removeAttr('href')
						$(".gotoPay").removeClass('keyong');
					}
			        }else{
			            location.href="loginweixin.html"
			        }
					
			  //默认套餐	
			  jQuery("[title='{homepage_groupname}']").trigger('click');
			  jQuery('#{defaultcat}').trigger('tap');
			  jQuery('#alipay').trigger('click');
			  $(".gotoPay").removeAttr('href')		
			  //套餐时长去掉文字仅留时长
			  $("#taocanlogined .vip_data").each(function(){
			     var vipdata=parseInt($(this).text());
			     $(this).text(vipdata)	
			  })
			  
		
			  
			  
			  
			  
			  
			})
			
				    
	       function onBridgeReady(){  
           
			           WeixinJSBridge.invoke(  
			               'getBrandWCPayRequest', {  
			                   "appId" : appId,     //公众号名称，由商户传入       
			                   "timeStamp": timeStamp,         //时间戳，自1970年以来的秒数       
			                   "nonceStr" : nonceStr, //随机串       
			                   "package" : pg,       
			                   "signType" : signType,         //微信签名方式:       
			                   "paySign" : paySign    //微信签名   
			               },  
			                 
			               function(res){       
			                   if(res.err_msg == "get_brand_wcpay_request:ok" ) {  
			                       alert("支付成功");  
			                   }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。   
			               }  
			           );   
			        }
	       function pay(){  
			            if (typeof WeixinJSBridge == "undefined"){  
			               if( document.addEventListener ){  
			                   document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);  
			               }else if (document.attachEvent){  
			                   document.attachEvent('WeixinJSBridgeReady', onBridgeReady);   
			                   document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);  
			               }  
			            }else{  
			               onBridgeReady();  
			            }   
			              
			        } 	
		</script>
	</body>

</html>
 